<div class="booksearch_view search_panel">
    <div class="panel panel-default">
        <div class="panel-body">
            <legend><img src="../images/s.jpg" class="s-img"></legend>
            <form>
                <div class="form-group form_search">
                    <select class="form-control form_display_ib" ng-model="type">
                        <option value="title">题名</option>
                        <option value='isbn'>ISBN/ISSN</option>
                        <option value='category'>中图法分类</option>
                        <option value="other">其他</option>
                    </select>
                    <div class="input-group form_display_if">
                        <input type="text" class="form-control" placeholder="输入名称 ..." ng-model="condition">
                        <span class="input-group-btn">
                        <a href="#/searchdetail"><button class="btn btn-primary" type="button"  ng-click = "get_book()">检索</button></a>
                        </span>
                    </div>
                    <div class="search_range">
                        <label class="">
                            <input type="radio" name="doctype" checked="checked"><span>所有图书</span>
                        </label>
                        <label class="">
                            <input type="radio" name="doctype"><span>中文图书</span>
                        </label>
                        <label class="">
                            <input type="radio" name="doctype"><span>西文图书</span>
                        </label>
                    </div>
                    <div class="hottag">
                        <a href="#" class="tagtitle">热门检索：</a>
                        <a href="#" class="tagname">儿科 </a>|
                        <a href="#" class="tagname">妇科 </a>|
                        <a href="#" class="tagname">麻醉科 </a>|
                        <a href="#" class="tagname">CT光学 </a>|
                        <a href="#" class="tagname">儿科 </a>|
                        <a href="#" class="tagname">妇科 </a>|
                        <a href="#" class="tagname">麻醉科 </a>|
                        <a href="#" class="tagname">CT光学 </a>|
                        <a href="#" class="tagname">儿科 </a>|
                        <a href="#" class="tagname">妇科 </a>|
                        <a href="#" class="tagname">麻醉科 </a>|
                        <a href="#" class="tagname">CT光学 </a>
                    </div>
                    <legend></legend>
                    <div class="book_article" ng-show="book_list.length > 0">
                        <ol id="search_book_list">
                            <li class="book_list_info" ng-repeat="detail in book_list">
                                <h5><span class="info_span">中文图书</span>
                                    <a ng-href="#/bookdetail?isbn={{detail.isbn13}}"><b>{{detail.title}}</a></b> {{detail.category}} 
                                </h5>
                                <p> <span>馆藏复本：{{detail.bookMessage.total}}
                                    <br>可借复本：{{detail.bookMessage.surplus}}</span>
                                    <b>{{detail.publisher}}</b>
                                    <br>出版日期:{{detail.pubdate}}
                                    <br>
                                </p>
                            </li>
                        </ol>
                        <div class="page">
                            <nav>
                                <ul class="pagination pagination-sm">
                                    <li ng-if="!book_list_page.firstPage">
                                        <a href="#" aria-label="Previous" ng-click='get_book(1)'>
                                            <span aria-hidden="true">«</span>
                                        </a>
                                    </li>
                                    <li ng-if="book_list_page.lastPage && book_list_page.now - 4 > 0"><a ng-click='get_book(book_list_page.now - 4)'>{{book_list_page.now - 4 }}</a>
                                    </li>
                                    <li ng-if="!book_list_page.firstPage && book_list_page.now -3 > 0 && book_list_page.now + 2 > book_list_page.totalPage"><a ng-click='get_book(book_list_page.now - 3)'>{{book_list_page.now - 3 }}</a>
                                    </li>
                                    <li ng-if="!book_list_page.firstPage && book_list_page.now -2 > 0"><a ng-click='get_book(book_list_page.now - 2)'>{{book_list_page.now - 2 }}</a>
                                    </li>
                                    <li ng-if="!book_list_page.firstPage"><a ng-click='get_book(book_list_page.now - 1)'>{{book_list_page.now - 1 }}</a>
                                    </li>
                                    <li class="active"><a>{{book_list_page.now}}</a>
                                    </li>
                                    <li ng-if="!book_list_page.lastPage "><a ng-click='get_book(book_list_page.now + 1)'>{{book_list_page.now + 1 }}</a>
                                    </li>
                                    <li ng-if="!book_list_page.lastPage && book_list_page.now + 2 <= book_list_page.totalPage"><a ng-click='get_book(book_list_page.now + 2)'>{{book_list_page.now + 2 }}</a>
                                    </li>
                                    <li ng-if="!book_list_page.lastPage && book_list_page.now + 3 <= book_list_page.totalPage && book_list_page.now -3 <= 0"><a ng-click='get_book(book_list_page.now + 3)'>{{book_list_page.now + 3 }}</a>
                                    </li>
                                    <li ng-if="book_list_page.firstPage && book_list_page.now + 4 <= book_list_page.totalPage"><a ng-click='get_book(book_list_page.now + 4)'>{{book_list_page.now + 4 }}</a>
                                    </li>
                                    <li ng-if="!book_list_page.lastPage ">
                                        <a href="#" aria-label="Next" ng-click='get_book(book_list_page.totalPage)'>
                                            <span aria-hidden="true">»</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <legend></legend>
                    </div>
                    <div ng-show="book_list == true">查询不到这本书</div>
                </div>
            </form>
        </div>
    </div>